<!DOCTYPE html>
<html>
    <head>
        <title>字典配置项-树形模式</title>
		<#-- 引入eleTree树控件的样式 -->
 		<link rel="stylesheet" href="${request.contextPath}/plugins/layui/extend/eleTree/eleTree.css">
 		<#include "fsoft-common.ftl" />
		<style>
			.fsoft-trees{height:95.1vh;}
		</style>
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space5">
                <div class="layui-col-md2">
					<div class="layui-card">
            			<div class="layui-card-body">
            				<div id="fsoft-itemTrees" lay-filter="fsoft-itemTrees" class="fsoft-trees"></div>
            			</div>
            		</div>
				</div>
                <div class="layui-col-md10">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <form class="layui-form" lay-filter="fsoftForm" id="fsoftForm" action="" method="post" autocomplete="off">
								<input class="layui-input" type="hidden" id="dictId" name="dictId" value="${model.id}">
								<input class="layui-input" type="hidden" id="parents" name="parents" value="">
                                <div class="layui-inline layui-show-xs-block">
                                    <input class="layui-input" type="text" name="code" placeholder="编号精确查询" autocomplete="off">
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <input class="layui-input" type="text" name="name" placeholder="名称模糊搜索" autocomplete="off">
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="sreach">
                                    	<i class="layui-icon layui-icon-search"></i>搜索
                                    </button>
                                </div>
                            </form>
                        </div>
                        <div class="layui-card-body">
                            <table id="fsoftItemTable" class="layui-table" lay-filter="fsoftItemTable"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </body>
	<#include "fsoft-common-foot.ftl" />
	<script type="text/javascript">
	    layui.extend({eleTree:'eleTree/eleTree'});
	</script>
	<script type="text/html" id="batchBtnToolbar">
		<div class="layui-btn-container">
			<div class="layui-btn-group">
				<@perms value="sys:dict:save">
				<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="add">
					<i class="fa fa-plus-circle" aria-hidden="true" ></i> 新增
				</button>
				</@perms>
				<@perms value="sys:dict:remove">
				<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="removeBatch">
					<i class="fa fa-trash" aria-hidden="true"></i>删除
				</button>
				</@perms>
				</div>
				<div class="layui-btn-group">
				<@perms value="sys:dict:enable">
				<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="enable">
					<i class="fa fa-play-circle" aria-hidden="true" ></i> 启用
				</button>
				</@perms>
				<@perms value="sys:dict:disable">
				<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="disable">
					<i class="fa fa-minus-circle" aria-hidden="true" ></i> 禁用
				</button>
				</@perms>
			</div>
		</div>
	</script>
	<script type="text/html" id="btnRowTool">
		<div class="layui-btn-container">
			<@perms value="sys:dict:edit">
			<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">
				<i class="fa fa-edit" aria-hidden="true" ></i> 编辑
			</a>
			</@perms>
			<@perms value="sys:dict:remove">
			<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">
				<i class="fa fa-trash" aria-hidden="true" ></i> 删除
			</a>
			</@perms>
		</div>
	</script>
	<script type="text/javascript" src="${request.contextPath}/static/fsoft-web/dict/sysitems-trees.js?v=202103"></script>
</html>